//7840px;
@import './modules/header.scss';
@import './modules/footer.scss';
@import './modules/reset.scss';
@import './modules/clearfix.scss';
// body{
//     background-color: red;
// }
.content{
    width:$heigth;
    margin: 0 auto;
    // background: greenyellow;
}
a:hover,a:visited{
    color: black;
    text-decoration: none;
}

section{
    .section_banner{
        position: relative;
        height: 777px;
        .banner{
            height: 710px;
            background: url('/images/banner1.jpg') no-repeat;
    
        }
        img{
            position: absolute;
            bottom:0;
            left: 320px;
        }
    }
    .list{
        height: 450px;
        padding: 0 105px;
        padding-top: 100px;
        // padding-bottom: 142px;
        .list_title{
            width: 365px;
            height: 284px;
            padding-top: 47px;
            float: left;
            .p1{
                font-size: 18px;
                line-height: 38px;
            }
            h2{
                line-height: 55px;
                font-size: 44px;
            }
            .p3{
                width: 198px;
                height: 43px;
                border: 1px solid #f2a4b2;
                text-align: center;
                margin-top: 25px;
                line-height: 43px;
            }
        }
        .list_shop{
            width: 631px;
            height:350px;
            float: right;
            display: flex;
            flex-wrap: wrap;
            // border:1px blue solid;
            a{
                // position: relative;
                align-content: space-around;
                justify-content: space-between;
                width: 198px;
                height: 165px;
                text-align: center;
                .img_tishi{
                    height: 35px;
                    text-align: center;
                    span{
                        display: inline-block;
                        height: 100%;
                        border-bottom: #f2a4b2 1px solid;
                        &:hover{
                            width: +50;
                            border-bottom: #f2a4b2 3px solid;
                        }
                    }
                    
                }
                img{
                    width: 158px;
                    height: 109px;
                    // margin-left: 20px;
                }        
            }
           


        }
    }
    .shopping_list{
        height: 1120px;
        position: relative;
        .shopping_bakcground{
            position: relative;
            height: 696px;
            // background: #414042;
            .shopping_bakcground_01{
                height: 512px;
                background: #414042;
            }
            .banner{
                position: absolute;
                top: 58px;
                left: 54px;
            }
        }
        .shopping_choice01{
            // height: 547px;
            width: 1052px;
            position: absolute;
            top: 562px;
            left: 114px;
            .shopping_choice02{
                display: flex;
                float: left;
                // height: 372px;
                // border: 1px solid blue;
                .shopping_choice03{
                    width: 271px;
                    height: 373px;
                    // border: 1px solid red;
                    margin-right: 115px;
                    align-content: space-between;
                    &:nth-child(3){
                        margin-right:0;
                    }
                    .img{
                        width: 271px;
                        height: 248px;
                        img{
                            width: 271px;
                            height: 248px;
                        }
                    }
                    .price{
                        width: 271px;
                        height: 115px;
                        display: flex;
                        flex-direction: column;
                        p,div{
                            color: #8e8e8a;
                            text-align: center;
                            // align-content: center;
                            justify-content: center;
                            margin-bottom: 13px;
                        }
                        
                        div:nth-child(3){
                            width: 136px;
                            height: 41px;
                            // text-align: center;
                            line-height: 41px;
                            border: 1px solid #f2a4b2;
                            &:hover{
                                border-width: 2px;
                            }
                            margin-left: 66px;
                            a{
                                display: inline-block;
                                width: 100%;
                                height: 100%;
                                line-height: 41px;
                                // border: 1px solid #f2a4b2;
                               
                            }
                        }

                    }
                }
            }
        }
    }
    
}

